﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Picker.Date</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link href="../../../../src/ui/calendar/datepicker/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<h1>
		The base Picker Class</h1>
	<p>
		Manual: <a href="#" id="open">Open</a> <a href="#" id="close">Close</a> <a href="#"
			id="toggle">Toggle</a>
	</p>
	<p>
		Links: <a href="#" class="open">Open 1</a> <a href="#" class="open">Open 2</a> <a
			href="#" class="open">Open 3</a>
	</p>
	<p>
		Inputs:
		<input type="text" value="hi" />
		<input type="text" value="hi" />
		<input type="text" value="hi" />
	</p>
	<p>
		Toggles for the inputs above: <a href="#" class="toggle">Open 1</a> <a href="#" class="toggle">
			Open 2</a> <a href="#" class="toggle">Open 3</a>
	</p>
	<div>
		<p>
			The picker should float over the select item in IE6. You can drag the Picker over
			the select box.
		</p>
		<select>
			<option>You should see me under the picker</option>
		</select>
	</div>
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/ui/calendar/datepicker/pickerdate.js"></script>
</body>
</html>
